<div class="wrapper">
    <div class="filter-wr">
        <div class="box-description">
            <div class="box-top">
                <h3 class="text-thin">Filter</h3>
            </div>
            <div class="box-bottom">
                <div class="row-fluid">
                    <div class="controls">
                        <div class="input-append span12">
                            <form class="search-form" onsubmit="return get_data(0);">
                                <input type="text" class="span12" placeholder="Keyword" id="sv_name">
                                <button type="submit" class="add-on bt-search"><i class="icon-search"></i></button>
                            </form>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <span class="ft-title">Categories</span>
                    <div class="clearfix"></div>
                    <div class="controls">
                        <?php
//                        $filter_merchant_cat = isset($_GET['merchant_cat']) ? urldecode($_GET['merchant_cat']) : NULL;
//                        echo CHtml::textField('merchant_cat', $filter_merchant_cat, array(
//                            'data-placeholder' => "Find: Spa, Manicure, Hair Cut, etc.",
//                            'class' => 'select2-offscreen input-medium span12 input-find'
//                        ));
                        ?> 
                    </div>
                    <div class="clearfix"></div>
                    <div class="controls">
                        <?php // $filter = isset($_GET['cat']) && in_array($_GET['cat'], Category::GetAllCat()) ? $_GET['cat'] : 0 ?>
                        <?php
//                        echo CHtml::dropDownList('cat', $filter, Category::GetAllCat(FALSE), array(
//                            'class' => 'span12',
//                            'data-placeholder' => "All services",
//                            'multiple data-rel' => "chosen",
//                            'onchange' => 'load_new()'));
                        ?>
                    </div>
                    <span class="ft-title">Area</span>
                    <div class="clearfix"></div>
                    <div class="controls">
                        <?php
//                        $filter_area = isset($_GET['area']) ? $_GET['area'] : NULL;
//                        echo CHtml::dropDownList('area', $filter_area, Area::getAllarea(), array(
//                            'multiple data-rel' => "chosen",
//                            'data-placeholder' => "Near: Orchard Road (Or Leave Bank)",
//                            'class' => 'span12',
//                            'onchange' => 'load_new()'
//                        ));
                        ?>
                    </div>
                    <div class="clearfix"></div>
                    <span class="ft-title">Price</span>
                    <div class="clearfix"></div>
                    <div class="controls ctr-price">
                        <div id="amount"></div>
                        <div id="sliders-range"></div>
                    </div>                    
                    <span class="ft-title">Type</span>
                    <div class="clearfix"></div>
                    <div class="controls type">
                        <div class="fl">
                            <input id="typeSv" name="svtype" class="svtype fl" type="radio" value="service" onclick="when(0);
                                    get_data(0);">
                            <label class="fl" for="typeSv">Service</label>
                        </div>
                        <div class="fl">
                            <input id="typeRoom" name="svtype" class="svtype fl" type="radio" value="class" onclick="when(1);
                                    load_new();">
                            <label class="fl" for="typeRoom">Class</label>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="when">
                        <span class="ft-title">When</span>
                        <div class="clearfix"></div>
                        <div class="controls">
                            <div class="fl">
                                <input id="all" name="when" class="fl" type="radio" value="all" checked="checked" onclick="get_data(0);">
                                <label class="fl" for="all">All</label>
                            </div>
                            <div class="fl">
                                <input id="n7days" name="when" class="fl" type="radio" value="n7days" onclick="get_data(0);">
                                <label class="fl" for="n7days">Next 7 days</label>
                            </div>
                            <div class="fl">
                                <input id="n1month" name="when" class="fl" type="radio" value="n1month" onclick="get_data(0);">
                                <label class="fl" for="n1month">Next 1 month</label>
                            </div>
                            <div class="fl">
                                <input id="n2months" name="when" class="fl" type="radio" value="n2months" onclick="get_data(0);">
                                <label class="fl" for="n2months">Next 2 months</label>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="controls travel-me">
                        <input type="checkbox" onclick="get_data(0);" name="travel" value="1" id="travel" class="fl">
                        <label for="travel">&nbsp;&nbsp;Business services that travel to me</label>
                    </div>
                </div>
            </div>
        </div>
        <!--<div class="box-description">
            <div class="box-top">
                <h3 class="text-thin">Map</h3>
            </div>
            <div class="box-bottom">
                
            </div>
        </div>-->
    </div>
    <div class="browser-wr profile-produce">
        <h1 id="service_item">Result items <div><a href="javascript:void(0)" class="gallery-btn active">Gallery</a><span class="separ"> | </span><a href="javascript:void(0)" class="list-btn">List</a></div> </h1>
        <div class="browser-content">
            <div class="notification"></div>
            <div class="gallery-style">
                <div id="br_col_3" class="br-col">
                    <div class="items-box">
                        <div class="item-title color-2">	<a href="/alveda"><h1>Alveda</h1></a>		<i>Skin Care and Solutions|Mani and Pedi|Hair Removal</i>	
                        </div>
                        <div class="img">
                            <div class="img-wr">
                                <a href="/alveda">
                                    <img src="/files/bizGal/e8935d942dfe1df2123342ae00662ad2_w400h225.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="title">
                            <div class="item-options">	<a href="#" data-animation="" class="br-tooltip" data-toggle="tooltip" title="" data-original-title="Favourites"><i class="icon-heart"></i>3</a>&nbsp;&nbsp;	<a href="#" data-animation="" class="br-tooltip" data-toggle="tooltip" title="" data-original-title="Checked in"><i class="icon-check"></i>1</a>&nbsp;&nbsp;</div>
                            <div class="rate cl"><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i>	
                            </div>
                        </div>
                        <div class="address">	<i class="icon-map-marker"></i> 14 Scotts Road #03-15 Far East Plaza</div>
                        <div class="item-description">
                            <ul class="mc-list-sv">
                                <li>	<a href="/frontend/booking/index?service=130" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Gel Extension</a><a href="/frontend/booking/index?service=130" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$120.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=131" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Acrylic Extension</a><a href="/frontend/booking/index?service=131" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$110.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=132" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Gel Extension Manicure</a><a href="/frontend/booking/index?service=132" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$160.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=133" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Acrylic Extension Manicure</a><a href="/frontend/booking/index?service=133" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$150.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=134" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Brazilian Waxing</a><a href="/frontend/booking/index?service=134" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$55.00</a>	
                                </li>
                                <li class="view-more">	<a href="javascript:void(0)" class="expand-btn">+ More Service</a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-bottom">	<a class="btn btn-small btn-success btn-book" href="/alveda">VIEW MORE</a>	
                        </div>
                    </div>
                    <div class="items-box">
                        <div class="item-title color-5">	<a href="/minesalon"><h1>Mine's Salon</h1></a>		<i>Hair Salons</i>	
                        </div>
                        <div class="img">
                            <div class="img-wr">
                                <a href="/minesalon">
                                    <img src="/files/bizGal/9129ef4783cac7fd0cdb6dd376698499_w400h225.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="title">
                            <div class="item-options"></div>
                            <div class="rate cl"><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i>	
                            </div>
                        </div>
                        <div class="address">	<i class="icon-map-marker"></i> 14 Scotts Road #04-09 Far East Plaza</div>
                        <div class="item-description">
                            <ul class="mc-list-sv">
                                <li>	<a href="/frontend/booking/index?service=85" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Men's Cut</a><a href="/frontend/booking/index?service=85" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$22.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=91" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Student Cut</a><a href="/frontend/booking/index?service=91" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$15.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=92" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Ladies Cut</a><a href="/frontend/booking/index?service=92" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$25.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=93" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Wash &amp; Blow</a><a href="/frontend/booking/index?service=93" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$15.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=94" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Natural Rebonding Hair Cut &amp; Moisture Repair</a><a href="/frontend/booking/index?service=94" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$89.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=95" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">X-Tenso Rebonding+Haircut &amp; Moisture Repair</a><a href="/frontend/booking/index?service=95" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$99.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=96" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Collagen Perm + Haircut &amp; Moisture Repair</a><a href="/frontend/booking/index?service=96" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$89.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=97" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Collagen Perm + Haircut &amp; Moisture Repair</a><a href="/frontend/booking/index?service=97" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$89.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=98" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">X-Tenso Digital Perm</a><a href="/frontend/booking/index?service=98" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$109.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=99" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Shine Treatment Color + Haircut &amp; Moisture Repair</a><a href="/frontend/booking/index?service=99" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$59.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=100" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Shine Treatment Highlight + Haircut &amp; Moisture Repair</a><a href="/frontend/booking/index?service=100" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$69.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=101" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Hair Spa Treatment + Haircut</a><a href="/frontend/booking/index?service=101" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$45.00</a>	
                                </li>
                                <li class="view-more">	<a href="javascript:void(0)" class="expand-btn">+ More Service</a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-bottom">	<a class="btn btn-small btn-success btn-book" href="/minesalon">VIEW MORE</a>	
                        </div>
                    </div>
                    <div class="items-box">
                        <div class="item-title color-2">	<a href="/thenailshop"><h1>The Nail Shop</h1></a>		<i>Mani and Pedi</i>	
                        </div>
                        <div class="img">
                            <div class="img-wr">
                                <a href="/thenailshop">
                                    <img src="/files/bizGal/df1050713cc6cd3e25ffef4f519e355f_w400h225.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="title">
                            <div class="item-options"></div>
                            <div class="rate cl"><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i>	
                            </div>
                        </div>
                        <div class="address">	<i class="icon-map-marker"></i> 14 Scotts Road #01-54/55/56 Far East Plaza</div>
                        <div class="item-description">
                            <ul class="mc-list-sv">
                                <li>	<a href="/frontend/booking/index?service=58" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Express Gelish Manicure</a><a href="/frontend/booking/index?service=58" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$25.00</a>	
                                </li>
                            </ul>
                        </div>
                        <div class="item-bottom">	<a class="btn btn-small btn-success btn-book" href="/thenailshop">VIEW MORE</a>	
                        </div>
                    </div>
                    <div class="items-box">
                        <div class="item-title color-5">	<a href="/"><h1>Beauty Spa </h1></a>		<i>Cosmetics</i>	
                        </div>
                        <div class="img">
                            <div class="img-wr">
                                <a href="/">
                                    <img src="/files/bizGal/bc19b4b5908d1582d4a1fb8273ca38cd_w400h225.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="title">
                            <div class="item-options"></div>
                            <div class="rate cl"><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i>	
                            </div>
                        </div>
                        <div class="address">	<i class="icon-map-marker"></i> 
                        </div>
                        <div class="item-description">
                            <ul class="mc-list-sv">
                                <li>	<a href="/frontend/booking/index?service=213" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Hair 1</a><a href="/frontend/booking/index?service=213" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$5.00</a>	
                                </li>
                            </ul>
                        </div>
                        <div class="item-bottom">	<a class="btn btn-small btn-success btn-book" href="/">VIEW MORE</a>	
                        </div>
                    </div>
                    <div class="items-box">
                        <div class="item-title color-2">	<a href="/varnished"><h1>Varnished + Reflection</h1></a>		<i>Hair Salons|Mani and Pedi</i>	
                        </div>
                        <div class="img">
                            <div class="img-wr">
                                <a href="/varnished">
                                    <img src="/files/bizGal/d2bd798e7dc6d433fa6792b5b618e54d_w400h225.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="title">
                            <div class="item-options"></div>
                            <div class="rate cl"><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i>	
                            </div>
                        </div>
                        <div class="address">	<i class="icon-map-marker"></i> 
                        </div>
                        <div class="item-description">
                            <ul class="mc-list-sv">
                                <li>	<a href="/frontend/booking/index?service=86" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Intensive Treatment (All Lengths)</a><a href="/frontend/booking/index?service=86" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$49.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=87" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Scalp Treatment</a><a href="/frontend/booking/index?service=87" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$59.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=88" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Colour + Treatment</a><a href="/frontend/booking/index?service=88" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$39.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=89" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Soft Rebonding + Treatment</a><a href="/frontend/booking/index?service=89" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$69.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=90" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Digital Perm + Treatment</a><a href="/frontend/booking/index?service=90" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$69.00</a>	
                                </li>
                                <li class="view-more">	<a href="javascript:void(0)" class="expand-btn">+ More Service</a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-bottom">	<a class="btn btn-small btn-success btn-book" href="/varnished">VIEW MORE</a>	
                        </div>
                    </div>
                    <div class="items-box">
                        <div class="item-title color-5">	<a href="/peridot"><h1>Peridot</h1></a>		<i></i>	
                        </div>
                        <div class="img">
                            <div class="img-wr">
                                <a href="/peridot">
                                    <img src="/files/bizGal/7d6cf3532bdebaf47017b946d600c45c_w400h225.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="title">
                            <div class="item-options"></div>
                            <div class="rate cl"><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i>	
                            </div>
                        </div>
                        <div class="address">	<i class="icon-map-marker"></i> 
                        </div>
                        <div class="item-description">
                            <ul class="mc-list-sv">
                                <li>	<a href="/frontend/booking/index?service=108" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Treatment &amp; Cut</a><a href="/frontend/booking/index?service=108" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$58.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=109" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Rebonding &amp; Cut</a><a href="/frontend/booking/index?service=109" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$98.00</a>	
                                </li>
                            </ul>
                        </div>
                        <div class="item-bottom">	<a class="btn btn-small btn-success btn-book" href="/peridot">VIEW MORE</a>	
                        </div>
                    </div>
                    <div class="items-box">
                        <div class="item-title color-2">	<a href="/"><h1>Beauty Nails Spa</h1></a>		<i>Mani and Pedi</i>	
                        </div>
                        <div class="img">
                            <div class="img-wr">
                                <a href="/">
                                    <img src="/files/bizGal/6f0b9699b2319a36da9fffcf9b4c9938_w400h225.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="title">
                            <div class="item-options"></div>
                            <div class="rate cl"><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i>	
                            </div>
                        </div>
                        <div class="address">	<i class="icon-map-marker"></i> 14 Scotts Road, Far East Plaza #04-31</div>
                        <div class="item-description">
                            <ul class="mc-list-sv">
                                <li>	<a href="/frontend/booking/index?service=171" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Express Manicure</a><a href="/frontend/booking/index?service=171" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$8.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=172" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Express Pedicure</a><a href="/frontend/booking/index?service=172" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$10.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=173" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Express Mani + Pedi</a><a href="/frontend/booking/index?service=173" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$18.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=174" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Classic Manicure</a><a href="/frontend/booking/index?service=174" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$15.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=175" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Classic Pedicure</a><a href="/frontend/booking/index?service=175" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$25.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=176" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Gelish Manicure</a><a href="/frontend/booking/index?service=176" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$30.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=177" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Classic Mani + Pedi</a><a href="/frontend/booking/index?service=177" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$0.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=178" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Gelish Pedicure</a><a href="/frontend/booking/index?service=178" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$30.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=179" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Gel Extension</a><a href="/frontend/booking/index?service=179" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$80.00</a>	
                                </li>
                                <li>	<a href="/frontend/booking/index?service=180" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Acrylic Extension</a><a href="/frontend/booking/index?service=180" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$80.00</a>	
                                </li>
                                <li class="view-more">	<a href="javascript:void(0)" class="expand-btn">+ More Service</a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-bottom">	<a class="btn btn-small btn-success btn-book" href="/">VIEW MORE</a>	
                        </div>
                    </div>
                    <div class="items-box">
                        <div class="item-title color-5">	<a href="/zoespa"><h1>Zoe Spa</h1></a>		<i>Mani and Pedi</i>	
                        </div>
                        <div class="img">
                            <div class="img-wr">
                                <a href="/zoespa">
                                    <img src="/themes/frontend/assets/img/no-image.png">
                                </a>
                            </div>
                        </div>
                        <div class="title">
                            <div class="item-options">	<a href="#" data-animation="" class="br-tooltip" data-toggle="tooltip" title="" data-original-title="Checked in"><i class="icon-check"></i>1</a>&nbsp;&nbsp;</div>
                            <div class="rate cl"><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i><i class="shampoo-icon shampoo-icon-unvote"></i>	
                            </div>
                        </div>
                        <div class="address">	<i class="icon-map-marker"></i> 125 Jalan Bukit Merah Lane 1</div>
                        <div class="item-description">
                            <ul class="mc-list-sv">
                                <li>	<a href="/frontend/booking/index?service=219" class="mc-service-name br-tooltip " data-toggle="tooltip" title="" data-placement="right" data-original-title="Service">Radiance Facial </a><a href="/frontend/booking/index?service=219" class="mc-service-price br-tooltip" data-toggle="tooltip" title="" data-placement="left" data-original-title="Book Now">$150.00</a>	
                                </li>
                            </ul>
                        </div>
                        <div class="item-bottom">	<a class="btn btn-small btn-success btn-book" href="/zoespa">VIEW MORE</a>	
                        </div>
                    </div>
                </div>

            </div>

            <div class="map-style">

            </div>
            <div class="clearfix"></div>
            <div class="pagination">

            </div>
        </div>
    </div>
</div>
<div class="clearfix"></div>
<script type="text/javascript">
    min_price = parseInt($('#minPrice').val());
    max_price = parseInt($('#maxPrice').val());
    from_price = parseInt($('#fromPrice').val());
    to_price = parseInt($('#toPrice').val());
    $("#sliders-range").slider({
        range: true,
        min: 0,
        max: 500,
        values: [from_price, to_price],
        slide: function(event, ui) {
            var str = "From &nbsp;$<input type='text' style='width:50px; height:28px' value='" + ui.values[ 0 ] + "'/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; To &nbsp;$<input type='text' style='width:50px; height:28px' value='" + ui.values[ 1 ] + "' />";
            $("#amount").empty().append(str);
            typePrice();
        },
        change: function(event, ui) {
            load_new();
        }
    });
    var str = "From &nbsp;$<input type='text' style='width:50px; height:28px' value='" + $("#sliders-range").slider("values", 0) + "'/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; To &nbsp;$<input type='text' style='width:50px; height:28px' value='" + $("#sliders-range").slider("values", 1) + "' />";
    $("#amount").empty().append(str);

    //tooltip
    $('.br-tooltip').tooltip();
</script>
